/*
* @Author: qihailong
* @Date:   2018-06-26 09:52:28
* @Last Modified by:   qihailong1
* @Last Modified time: 2018-06-26 09:52:28
*/
.gswwUi-layout {
  .header {
    height: 62px;
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 4px 0px rgba(240,240,240,1);
    z-index: 102;
    position: relative;
  }
  .searchbox {
    border-left: 1px solid #ebedf0;
    float: left;
    height: 22px;
    line-height: 22px;
    padding-left: 16px;
    margin: 22px auto 0;
    .ivu-input {
      border:none;
      height: 22px;
      line-height: 22px;
      &:focus{}
      border: none;
      box-shadow: none;
    }
  }
  .changeSkin {
    float: right;
    margin: 25px 40px 0 auto;
  }
  .logo {
    background: url("./img/logo@2x.png") left center no-repeat;
    width: 97px;
    height: 62px;
    margin-left: 40px;
    cursor: pointer;
  }
  .main-wraper {
    position: absolute;
    z-index: 101;
    left: 0;
    bottom: 0;
    top: 102px;
    right: 0;
    .left {
      .ivu-menu-vertical.ivu-menu-light:after {

      }
    }
    span.navigate-group-span {
      font-size: 12px;
      color: #80848f;
      padding-left: 2px;
    }
    .navigate-group {
      font-size: 16px;
      margin: 8px 0;
      padding-left: 15px;
    }
    .content {
      padding: 0 170px 144px 64px;
    }
  }
  .skinSelect-wraper {
    ul {
      list-style-type: none;
      border-radius: 4px;
      border: solid 1px #E0E0E0;
      width: 24px;
    }
    a ,
    span {
      display: block;
    }

    a.sub {
      margin: 4px auto;
      span {
        width: 18px;
        height: 18px;
        margin: 2px;
      }
    }
    a.super {
      width: 24px;
      height: 24px;
      border-radius: 4px;
      border: solid 1px #E0E0E0;
      span {
        width: 18px;
        height: 18px;
        margin: 2px;
      }
    }
  }
}
